<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>消灭病毒</title>
    <link rel="icon" href="./favicon.ico">
    <link rel="stylesheet" href="//at.alicdn.com/t/font_2409767_nfu0cir0odq.css">
    <link rel="stylesheet" href="style.css">
</head>

<body>


    <div id="stage">

        <div id="game"></div>
        <div id="ui">
           <!-- 3. 分数 -->
           <div class="score-ui">
            <img src="./imgs/vir.png" alt="">   
            <span id="score-label">0</span>
           </div>
           

            <!-- 1. 开始页面 -->
            <div id="start-alert">
                <div class="game-desc">
                    <img src="./imgs/logo.png" class="logo" alt="">
                    <p>屏幕上方有带字母的“病毒”落下，按下键盘对应的按键，消灭病毒，否则，你将被“病毒”消灭😈</p>
                </div>
                <footer>
                    <div id="start-btn">点击屏幕开始游戏</div>
                </footer>
            </div>

            <!-- 2. 游戏失败页面 -->
            <div id="game-over-alert">
                <h1>任务失败</h1>
                <div id="restart-btn">重 玩</div>
            </div>
        </div>
        <!-- <div class="virus">
            <p class="letter">A</p>
        </div> -->

        <!-- <div class="warning"></div> -->
    </div>

    <audio src="./imgs/xm2.mp3" id="xm"></audio>
    <script src="./index.js"></script>
</body>

</html>